.box {
	height: 100%;
	.parent {
		/* background-color: pink; */
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		._dt {
			width: 100%;
			height: 100%;
			min-height: 495px;
			display: flex;
			flex-direction: horizontal;
			flex-wrap: 'no-wrap';
			/* 左边视频组件定宽，右边响应式 */
			.doc {
				flex: 1;
				max-height: 495px;
				overflow: hidden;
				.son {
					height: 100%;
					padding: 10px 20px;
					display: flex;
					flex-flow: column no-wrap;
					/* 去掉左侧实心圆点 */
					list-style: none;
					.pub {
						margin-bottom: 10px;
					}
					.mv_name {
						font: normal 400 20px 'Arial';
					}
					.rating {
						.up {
							font: italic 700 18px 'Arial';
							margin: 0 5px;
							color: #fadb14;
						}
					}
				}
			}
		}

		/* 右边定宽，左边响应式伸缩 */
		._dd {
			.son {
				height: 100%;
				padding-top: 20px;
				padding-left: 0;
				min-height: 50px;
				/* 去掉左侧实心圆点 */
				list-style: none;
				.pub {
					margin-bottom: 10px;
				}
				.mv_des {
					font: normal 400 14px 'Arial';
				}
			}
		}
	}
}
